<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>订单支付</title>
    <link rel="stylesheet" href="../../assets/fonts/iconfont.css">
    <link rel="stylesheet" href="../../assets/css/base.css">
   <link rel="stylesheet" href="../../assets/css/sn-style.css">
    <link rel="stylesheet" href="../../assets/css/cart.css">
</head>

<body>
    <div class="sn-container">
        <div class="masthead" style="background:#ffffff">
            <div class="layout sn-clr">
                <div class="logo">
                    <img src="../../assets/img/sn-logo-mini.png" alt="logo">
                </div>
                <span>订单付款</span>
            </div>
        </div>
        <div class="content-main pay">
            <div class="layout">
                <div class="pay-order">
                    <div class="order-content">
                        <span class="order-title">合并支付 | 共 4 笔订单 </span>
                        <a class="order-detail" href="javascript:;"> 查看订单详情<i class="iconfont icon-caret-down"></i></a>
                        <a class="download-order-detail" href="">下载订单明细</a>
                        <div class="order-right">
                            <span class="order-price"> 订单金额<span class="stress"> 7304.00</span> 元</span> <a href="">刷新</a>
                        </div>
                    </div>
                    <div class="order-list">
                        <table class="table_list">
                            <thead>
                                <tr>
                                    <td class="col-orderid">订单号</td>
                                    <td class="col-proinfos">商品信息</td>
                                    <td class="col-supplier"> 发货仓</td>
                                    <td class="col-amount"> 商品金额 </td>
                                    <td class="col-address">收货信息</td>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>3723864813412</td>
                                    <td class="td-proinfo">
                                        <div class="td-proinfo">
                                            奥迪双钻 AULDEY 超级飞侠 儿童玩具男孩益智变形机器
                                        </div>
                                    </td>
                                    <td>上海一仓</td>
                                    <td>566.00元</td>
                                    <td> 陈**,上海 上海市 浦东新区锦绣东路2777弄34号,159****4377</td>
                                </tr>
                                <tr>
                                    <td>3723864813412</td>
                                    <td class="td-proinfo">
                                        <div class="td-proinfo">
                                            奥迪双钻 AULDEY 超级飞侠 儿童玩具男孩益智变形机器
                                        </div>
                                    </td>
                                    <td>上海一仓</td>
                                    <td>566.00元</td>
                                    <td> 陈**,上海 上海市 浦东新区锦绣东路2777弄34号,159****4377</td>
                                    t </tr>

                            </tbody>
                        </table>
                        <div class="order-list-total">
                            发货仓：3 <span class="total-amount">运费合计：55.00元</span></div>
                    </div>
                </div>
            </div>
            <div class="layout sn-clr">
                <div class="pay-tab">
                    <!--tab-->
                    <div class="table_card">
                        <ul class="tab">
                            <li class="activ">快捷支付 </li>
                            <li>余额支付</li>
                            <li>企业转账</li>
                        </ul>
                        <div class="tabCon">
                            <div class="item  on">
                                <div class="pay-strategy">
                                    <div class="unit-pay-card ">
                                        <img src="../../assets/img/zhifubao.png" alt="">
                                    </div>

                                    <div class="unit-pay-card">
                                        <img src="../../assets/img/weixin.png" alt="">
                                    </div>
                                </div>
                                <a href="" disabled class="pay-button sui-btn btn-primary btn-xlarge ">确认付款</a>
                            </div>
                            <div class="item">
                                <div class="pay-wallet">
                                    <dl class="sn-clr unit-line">
                                        <dd>
                                            您未设置余额密码，请点击<a class="recharge-pwd" href="">设置余额密码>></a>
                                        </dd>
                                    </dl>
                                    <dl class="sn-clr unit-line">
                                        <dt> 当前余额：</dt>
                                        <dd>
                                            <span class="amount stress"> 800.00</span> 元<span class="recharge sn-right">余额不足？点击 <a
                                                href="">前往余额充值>></a></span>
                                        </dd>
                                    </dl>
                                    <dl class="sn-clr unit-line">
                                        <dt> 余额密码：</dt>
                                        <dd>
                                            <input type="password" maxlength="25" name="username" class="input sn-input " autocomplete="off">
                                            <a class="findpwd" href="">找回密码</a>
                                        </dd>
                                    </dl>
                                    <dl class="sn-clr unit-line">
                                        <dt> 校<span class=" letter-2">验</span>码：</dt>
                                        <dd>
                                            <input type="text" name="username" class="input sn-input input-small" autocomplete="off">
                                            <a class="findpwd" href="">换一张</a>
                                        </dd>
                                    </dl>
                                    <dl class="sn-clr unit-line">
                                        <dt> 校<span class=" letter-2">验</span>码：</dt>
                                        <dd>
                                            <input type="text" name="username" class="input sn-input input-small" autocomplete="off">
                                            <a class="findpwd" href="">换一张</a>
                                        </dd>
                                    </dl>

                                </div>
                                <div class="wallet-button">
                                    <a href="" disabled class=" sui-btn btn-primary btn-xlarge ">确认付款</a>
                                </div>
                            </div>
                            <div class="item ">
                                <div class="pay-bank">
                                    <button type="button" class=" sui-btn btn-primary btn-xlarge ">上传转账凭证</button>
                                    <div class="bank-info">
                                        <h3 class="title"> 转账汇款账户 </h3>
                                        <div class="company">
                                            <h2>上海激想体育文化股份有限公司</h2>
                                            <div class="content">
                                                <p> 卡号：457263987699</p>
                                                <p>开户行：中国银行上海市张江支行</p>
                                                <p>户&ensp;&ensp;名：上海激想体育文化股份有限公司</p>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>

                    </div>

                </div>
            </div>
        </div>
    </div>
    <script src="../../assets/build/sportjx.js"></script>
    <script src="../../assets/build/mainsite.js"></script>
    <script src="../../assets/build/js/cart-pay.js"></script>

</body>

</html>